<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-bean.tld" prefix="bean"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ipb" uri="/WEB-INF/conf/tld/ipb.tld"%>
<%@ taglib prefix="ad" uri="agiledata"%>
<%
	String path = request.getContextPath();
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>手机充值 - </title>
<link href="<%=path%>/page/information/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/page/information/css/font.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/newstyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/common.css" rel="stylesheet" type="text/css" />
<SCRIPT LANGUAGE="JavaScript">
<!--
	// 手机号码获得焦点事件
	function numberFocus() {
		var mobileNum = document.getElementById("idNumber");
		if(isNaN(mobileNum.value) == true) {
			mobileNum.value="";
		}
	}

	// 手机号码失去焦点事件
	function numberBlur() {
		var mobileNum = document.getElementById("idNumber");
		if(isNaN(mobileNum.value) == true || mobileNum.value == "") {
			mobileNum.value="请输入手机号";
		}
	}

	function validate() {
		var objFrm = document.frmCharge;
		// 手机号码检查
		var strMobileNum = objFrm.mobileNum.value;
		if(isNaN(strMobileNum) == true
			||strMobileNum.value == "") {
			alert('请输入手机号');
			objFrm.mobileNum.focus();
			return false;
		}

		if(!checkCmMobile(strMobileNum)) {
			alert('手机号码输入错误，请输入中国移动手机号码');
			objFrm.mobileNum.focus();
			return false;
		}

		// 检查充值类型选择
		var bolSelect = false;
		var objType = document.getElementsByName("chargeType");
		for(i=0;i<objType.length;i++) {
			if(objType[i].checked) {
				bolSelect = true;
			}
		}

		if(!bolSelect) {
			alert('请选择充值金额');
			return false;
		}

		objFrm.buttonNext.disabled = true;

		return true;
	}
//-->
</SCRIPT>
</head>

<body>
<!-- 页头菜单 -->
<jsp:include page="/page/information/head.jsp?currentFunc=publicfee"/>
<!--主内容-->
<div id="content2">
<!-- 左侧菜单 -->
<jsp:include page="/page/barcodepay/left.jsp"/>
<form name="frmCharge" action="<%=path%>/page/information/chargePay.do" method="Post" onsubmit="return validate();">
   <div class="content_right">
     <div class="path_info">   <img src="<%=path%>/page/information/images/home_icon.gif" />  <a href="<%=path%>/main.do" class="bluefont12">首页</a>>> <a href="#" class="bluefont12">手机充值</a></div>
	 <div class="public_intro"><span class="backfont14t">手机充值</span></div>
	 <div class="public_textsT backfont12t">输入您要充值的手机号码及选择充值金额</div>
	 <div class="public_itemList">
	 	<ul>
		  <li class="tli">手机号码：</li><li class="teli">
	 	  <input class="input_mobile" maxlength="11" name="mobileNum" id="idNumber" type="text" value="请输入手机号" onfocus="numberFocus()" onblur="numberBlur()" style="background:#F6F6F6;" size="30"/>
		  </li>
		  <li class="tli">充值金额：</li>
		  <li class="teli">
		    <label>
		    <input type="radio" style="border:none" name="chargeType" value="1" />
     50元 &nbsp;&nbsp;（实际支付：<span class="text14bred"><bean:write name="charge50Value"/></span>元）<br />
			<input type="radio" style="border:none" name="chargeType" value="2" />
     100元 （实际支付：<span class="text14bred"><bean:write name="charge100Value"/></span>元）</label>
		  </li>
	   </ul>
     </div>
	 <div style="clear:both"></div>
	 <div><table width="100%" border="0" align="center" cellpadding="7" cellspacing="1" bgcolor="#f9e277" style="margin:10px 0;">
        <tr>
          <td bgcolor="#fffdf5"><table width="100%" border="0" cellpadding="3" cellspacing="0">
              <tr >
                <td width="3%" height="25" valign="top" style="border-bottom:1px solid #ccc;"><img src="<%=path%>/images/ren.gif" width="22" height="21" border="0" align="absmiddle" /></td>
                <td width="97%" align="left" class="fontred" style="border-bottom:1px solid #ccc;">特别提醒</td>
              </tr>
              <tr>
                <td valign="top">&nbsp;</td>
                <td align="left" class="font_gray"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 当前优惠价格为 <span class="fontred">
				<logic:present name="charge50Value">
					<bean:write name="charge50Value"/>
				</logic:present>元 充值50元，   
				<logic:present name="charge100Value">
					<bean:write name="charge100Value"/>
				</logic:present>元 充值100元；</span>本充值已是优惠充值，故不参加当地移动活动。</td>
              </tr>
              <tr>
                <td valign="top">&nbsp;</td>
                <td align="left" class="font_gray"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 如果您有账号，<span class="fontred">登陆平台,您将享受更优惠的价格.心动不如立即行动! </span><a href="<%=path%>/main.do">点击此处登陆平台&gt;&gt;</a></td>
              </tr>
              <tr>
                <td valign="top">&nbsp;</td>
                <td align="left" class="font_gray"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 将在<span class="fontred">96小时</span>(节假日顺延)内帮您完成充值！</td>
              </tr>
          </table></td>
        </tr>
      </table></div>
	 <div class="public_input"> 
	 <input name="buttonNext" type="submit" class="public_button" value="马上充值" /></div>

  </div>
   <div style="clear:both"></div>
</div>
</form>
<!-- 页尾菜单 -->
<jsp:include page="/page/information/foot.jsp"/>

</body>
</html>
